// .w-100 {
//   width: 100%;
// }
// .row {
//   display: flex;
//   flex-wrap: wrap;
//   flex-direction: row;
//   justify-content: space-between;
//   width: 600px;
// }

// .flex {
//   display: flex;
//   flex-direction: row;
// }
// .flex-center-item {
//   display: flex;
//   align-items: center;
//   justify-content: center;
// }
// .flex-row {
//   flex-direction: row !important;
// }
// .flex-column {
//   flex-direction: column !important;
// }
// .flex-row-reverse {
//   flex-direction: row-reverse !important;
// }
// .flex-column-reverse {
//   flex-direction: column-reverse !important;
// }
// .flex-wrap {
//   flex-wrap: wrap;
// }
// .flex-nowrap {
//   flex-wrap: nowrap;
// }
// .justify-start {
//   justify-content: flex-start;
// }
// .justify-end {
//   justify-content: flex-end;
// }
// .justify-between {
//   justify-content: space-between;
// }
// .justify-center {
//   justify-content: center;
// }
// .align-center {
//   align-items: center;
// }
// .align-stretch {
//   align-items: stretch;
// }
// .align-start {
//   align-items: flex-start;
// }
// .align-end {
//   align-items: flex-end;
// }

// .content-start {
//   align-content: flex-start;
// }
// .content-end {
//   align-content: flex-end;
// }
// .content-center {
//   align-content: center;
// }
// .content-between {
//   align-content: space-between;
// }
// .content-around {
//   align-content: space-around;
// }
// .content-stretch {
//   align-content: stretch;
// }

// .flex-1 {
//   flex: 1;
// }
// .flex-2 {
//   flex: 2;
// }
// .flex-3 {
//   flex: 3;
// }
// .flex-4 {
//   flex: 4;
// }
// .flex-5 {
//   flex: 5;
// }

// .flex-shrink {
//   flex-shrink: 0;
// }
// .container {
//   padding-right: 20rpx;
//   padding-left: 20rpx;
// }

// .m-0 {
//   margin: 0;
// }
// .m-auto {
//   margin: auto;
// }
// .m-1 {
//   margin: 10px;
// }
// .m-2 {
//   margin: 20px;
// }
// .m-3 {
//   margin: 30px;
// }
// .m-4 {
//   margin: 40px;
// }
// .m-5 {
//   margin: 50px;
// }
// .mt-0 {
//   margin-top: 0;
// }

// .mt-auto {
//   margin-top: auto;
// }

// .mt-1 {
//   margin-top: 10px;
// }
// .mt-2 {
//   margin-top: 20px;
// }
// .mt-3 {
//   margin-top: 30px;
// }
// .mt-4 {
//   margin-top: 40px;
// }
// .mt-5 {
//   margin-top: 50px;
// }
// .mb-0 {
//   margin-bottom: 0;
// }

// .mb-auto {
//   margin-bottom: auto;
// }

// .mb-1 {
//   margin-bottom: 10px;
// }
// .mb-2 {
//   margin-bottom: 20px;
// }
// .mb-3 {
//   margin-bottom: 30px;
// }
// .mb-4 {
//   margin-bottom: 40px;
// }
// .mb-5 {
//   margin-bottom: 50px;
// }
// .ml-0 {
//   margin-left: 0;
// }

// .ml-auto {
//   margin-left: auto;
// }

// .ml-1 {
//   margin-left: 10px;
// }
// .ml-2 {
//   margin-left: 20px;
// }
// .ml-3 {
//   margin-left: 30px;
// }
// .ml-4 {
//   margin-left: 40px;
// }
// .ml-5 {
//   margin-left: 50px;
// }
// .mr-0 {
//   margin-right: 0;
// }

// .mr-auto {
//   margin-right: auto;
// }

// .mr-1 {
//   margin-right: 10px;
// }
// .mr-2 {
//   margin-right: 20px;
// }
// .mr-3 {
//   margin-right: 30px;
// }
// .mr-4 {
//   margin-right: 40px;
// }
// .mr-5 {
//   margin-right: 50px;
// }
// .my-0 {
//   margin-top: 0;
//   margin-bottom: 0;
// }

// .my-auto {
//   margin-top: auto;
//   margin-bottom: auto;
// }

// .my-1 {
//   margin-top: 10px;
//   margin-bottom: 10px;
// }
// .my-2 {
//   margin-top: 20px;
//   margin-bottom: 20px;
// }
// .my-3 {
//   margin-top: 30px;
//   margin-bottom: 30px;
// }
// .my-4 {
//   margin-top: 40px;
//   margin-bottom: 40px;
// }
// .my-5 {
//   margin-top: 50px;
//   margin-bottom: 50px;
// }
// .mx-0 {
//   margin-left: 0;
//   margin-right: 0;
// }

// .mx-auto {
//   margin-left: auto;
//   margin-right: auto;
// }

// .mx-1 {
//   margin-left: 10px;
//   margin-right: 10px;
// }
// .mx-2 {
//   margin-left: 20px;
//   margin-right: 20px;
// }
// .mx-3 {
//   margin-left: 30px;
//   margin-right: 30px;
// }
// .mx-4 {
//   margin-left: 40px;
//   margin-right: 40px;
// }
// .mx-5 {
//   margin-left: 50px;
//   margin-right: 50px;
// }

// .p-0 {
//   padding: 0;
// }
// .p {
//   padding: 5px;
// }
// .p-1 {
//   padding: 10px;
// }
// .p-2 {
//   padding: 20px;
// }
// .p-3 {
//   padding: 30px;
// }
// .p-4 {
//   padding: 40px;
// }
// .p-5 {
//   padding: 50px;
// }
// .pt-0 {
//   padding-top: 0;
// }
// .pt {
//   padding-top: 5px;
// }
// .pt-1 {
//   padding-top: 10px;
// }
// .pt-2 {
//   padding-top: 20px;
// }
// .pt-3 {
//   padding-top: 30px;
// }
// .pt-4 {
//   padding-top: 40px;
// }
// .pt-5 {
//   padding-top: 50px;
// }
// .pb-0 {
//   padding-bottom: 0;
// }
// .pb-1 {
//   padding-bottom: 10px;
// }
// .pb {
//   padding-bottom: 5px;
// }
// .pb-2 {
//   padding-bottom: 20px;
// }
// .pb-3 {
//   padding-bottom: 30px;
// }
// .pb-4 {
//   padding-bottom: 40px;
// }
// .pb-5 {
//   padding-bottom: 50px;
// }
// .pl-0 {
//   padding-left: 0;
// }
// .pl {
//   padding-left: 5px;
// }
// .pl-1 {
//   padding-left: 10px;
// }
// .pl-2 {
//   padding-left: 20px;
// }
// .pl-3 {
//   padding-left: 30px;
// }
// .pl-4 {
//   padding-left: 40px;
// }
// .pl-5 {
//   padding-left: 50px;
// }
// .pr-0 {
//   padding-right: 0;
// }
// .pr {
//   padding-right: 5px;
// }
// .pr-1 {
//   padding-right: 10px;
// }
// .pr-2 {
//   padding-right: 20px;
// }
// .pr-3 {
//   padding-right: 30px;
// }
// .pr-4 {
//   padding-right: 40px;
// }
// .pr-5 {
//   padding-right: 50px;
// }
// .py-0 {
//   padding-top: 0;
//   padding-bottom: 0;
// }
// .py {
//   padding-top: 5px;
//   padding-bottom: 5px;
// }
// .py-1 {
//   padding-top: 10px;
//   padding-bottom: 10px;
// }
// .py-2 {
//   padding-top: 20px;
//   padding-bottom: 20px;
// }
// .py-3 {
//   padding-top: 30px;
//   padding-bottom: 30px;
// }
// .py-4 {
//   padding-top: 40px;
//   padding-bottom: 40px;
// }
// .py-5 {
//   padding-top: 50px;
//   padding-bottom: 50px;
// }
// .px-0 {
//   padding-left: 0;
//   padding-right: 0;
// }
// .px-1 {
//   padding-left: 10px;
//   padding-right: 10px;
// }
// .px {
//   padding-left: 5px;
//   padding-right: 5px;
// }
// .px-2 {
//   padding-left: 20px;
//   padding-right: 20px;
// }
// .px-3 {
//   padding-left: 30px;
//   padding-right: 30px;
// }
// .px-4 {
//   padding-left: 40px;
//   padding-right: 40px;
// }
// .px-5 {
//   padding-left: 50px;
//   padding-right: 50px;
// }
// .font-smaller {
//   font-size: 15px;
// }
// .font-small {
//   font-size: 20px;
// }
// .font-sm {
//   font-size: 25px;
// }
// .font {
//   font-size: 30px;
// }
// .font-md {
//   font-size: 35px;
// }
// .font-lg {
//   font-size: 40px;
// }
// .h1 {
//   font-size: 80px;
// }
// .h2 {
//   font-size: 60px;
// }
// .h3 {
//   font-size: 45px;
// }
// .h4 {
//   font-size: 32px;
// }
// .h5 {
//   font-size: 30px;
// }
// .h6 {
//   font-size: 28px;
// }
// /* 文字缩进 */
// .text-indent {
//   text-indent: 2;
// }
// /* 文字划线 */
// .text-through {
//   text-decoration: line-through;
// }
// /* 文字对齐 */
// .text-left {
//   text-align: left;
// }
// .text-right {
//   text-align: right;
// }
// .text-center {
//   text-align: center;
// }
// /* 文字换行溢出处理 */
// .text-ellipsis {
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
// }
// /* 文字粗细和斜体 */
// .font-weight-light {
//   font-weight: 300;
// } /*细*/
// .font-weight-lighter {
//   font-weight: 100;
// } /*更细*/
// .font-weight-normal {
//   font-weight: 400;
// } /*正常*/
// .font-weight-bold {
//   font-weight: 700;
// } /*粗*/
// .font-weight-bolder {
//   font-weight: bold;
// } /*更粗*/
// .font-italic {
//   font-style: italic;
// } /*斜体*/
// /* 文字颜色 */
// .text-white {
//   color: #ffffff;
// }
// .text-primary {
//   color: #007bff;
// }
// .text-hover-primary {
//   color: #0056b3;
// }
// .text-secondary {
//   color: #6c757d;
// }
// .text-hover-secondary {
//   color: #494f54;
// }
// .text-success {
//   color: #28a745;
// }
// .text-hover-success {
//   color: #19692c;
// }
// .text-info {
//   color: #17a2b8;
// }
// .text-hover-info {
//   color: #0f6674;
// }
// .text-warning {
//   color: #ffc107;
// }
// .text-hover-warning {
//   color: #ba8b00;
// }
// .text-danger {
//   color: #dc3545;
// }
// .text-hover-danger {
//   color: #a71d2a;
// }
// .text-light {
//   color: #f8f9fa;
// }
// .text-hover-light {
//   color: #cbd3da;
// }
// .text-dark {
//   color: #343a40;
// }
// .text-hover-dark {
//   color: #121416;
// }
// .text-body {
//   color: #212529;
// }
// .text-muted {
//   color: #6c757d;
// }
// /* 浅灰色 */
// .text-light-muted {
//   color: #a9a5a0;
// }
// .text-light-black {
//   color: rgba(0, 0, 0, 0.5);
// }
// .text-light-white {
//   color: rgba(255, 255, 255, 0.5);
// }
// /* 背景颜色 */
// .bg-primary {
//   background-color: #007bff;
// }
// .bg-hover-primary:hover {
//   background-color: #0062cc;
// }
// .bg-secondary {
//   background-color: #6c757d;
// }
// .bg-hover-secondary:hover {
//   background-color: #545b62;
// }
// .bg-success {
//   background-color: #28a745;
// }
// .bg-hover-success {
//   background-color: #1e7e34;
// }
// .bg-info {
//   background-color: #17a2b8;
// }
// .bg-hover-info {
//   background-color: #117a8b;
// }
// .bg-warning {
//   background-color: #ffc107;
// }
// .bg-hover-warning {
//   background-color: #d39e00;
// }
// .bg-danger {
//   background-color: #dc3545;
// }
// .bg-hover-danger {
//   background-color: #bd2130;
// }
// .bg-light {
//   background-color: #f8f9fa;
// }
// .bg-hover-light {
//   background-color: #dae0e5;
// }
// .bg-dark {
//   background-color: #343a40;
// }
// .bg-hover-dark {
//   background-color: #1d2124;
// }
// .bg-white {
//   background-color: #ffffff;
// }
// .bg-transparent {
//   background-color: transparent;
// }
// .bg-gray {
//   background-color: #f0f0f0;
// }
// /* 边框 */
// .border {
//   border-width: 1px;
//   border-style: solid;
//   border-color: #dee2e6;
// }
// .border-top {
//   border-top-width: 1px;
//   border-top-style: solid;
//   border-top-color: #dee2e6;
// }
// .border-right {
//   border-right-width: 1px;
//   border-right-style: solid;
//   border-right-color: #dee2e6;
// }
// .border-bottom {
//   border-bottom-width: 1px;
//   border-bottom-style: solid;
//   border-bottom-color: #dee2e6;
// }
// .border-left {
//   border-left-width: 1px;
//   border-left-style: solid;
//   border-left-color: #dee2e6;
// }
// .border-0 {
//   border-width: 0 !important;
// }
// .border-top-0 {
//   border-top-width: 0 !important;
// }
// .border-right-0 {
//   border-right-width: 0 !important;
// }
// .border-bottom-0 {
//   border-bottom-width: 0 !important;
// }
// .border-left-0 {
//   border-left-width: 0 !important;
// }
// .border-primary {
//   border-color: #007bff;
// }
// .border-secondary {
//   border-color: #6c757d;
// }
// .border-light-secondary {
//   border-color: #e9e8e5;
// }
// .border-success {
//   border-color: #28a745;
// }
// .border-info {
//   border-color: #17a2b8;
// }
// .border-warning {
//   border-color: #ffc107;
// }
// .border-danger {
//   border-color: #dc3545;
// }
// .border-light {
//   border-color: #f8f9fa;
// }
// .border-dark {
//   border-color: #343a40;
// }
// .border-white {
//   border-color: #ffffff;
// }

// /* 圆角 */
// .rounded {
//   border-radius: 8px;
// }
// .rounded-top {
//   border-top-left-radius: 8px;
//   border-top-right-radius: 8px;
// }
// .rounded-right {
//   border-top-right-radius: 8px;
//   border-bottom-right-radius: 8px;
// }
// .rounded-bottom {
//   border-bottom-right-radius: 8px;
//   border-bottom-left-radius: 8px;
// }
// .rounded-left {
//   border-top-left-radius: 8px;
//   border-bottom-left-radius: 8px;
// }
// .rounded-circle {
//   border-radius: 100px;
// }
// .rounded-0 {
//   border-radius: 0;
// }
// /* 显示 */

// .d-none {
//   display: none;
// }
// .d-inline-block {
//   display: inline-block;
// }
// .d-block {
//   display: block;
// }

// /* 内容溢出 */
// .overflow-hidden {
//   overflow: hidden;
// }
// /* 定位 */
// .position-relative {
//   position: relative;
// }
// .position-absolute {
//   position: absolute;
// }
// .position-fixed {
//   position: fixed;
// }
// /* 定位 - 固定顶部 */
// .fixed-top {
//   position: fixed;
//   top: 0;
//   right: 0;
// }
// /* 定位 - 固定底部 */
// .fixed-bottom {
//   position: fixed;
//   right: 0;
//   bottom: 0;
//   top: 70px;
// }

// /* 定位 - 固定左边 */
// .fexed-left {
//   position: fixed;
//   top: 0;
//   bottom: 0;
//   left: 0;
// }

// .top-0 {
//   top: 0;
// }
// .left-0 {
//   left: 0;
// }
// .right-0 {
//   right: 0;
// }
// .bottom-0 {
//   bottom: 0;
// }

// /* 保证隐藏滚动条的同时还可以继续通过滚轮向下翻 */
// ::-webkit-scrollbar {
//   /*隐藏滚轮*/
//   display: none;
// }
